@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .ydcd2 {
        display: table;
        text-align: right;
        font-weight:normal;
        margin-top:7rem;
    }
    button.close {
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
    }
    .modal2-open {
        overflow: hidden;
    }
    .modal2 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        outline: 0;
        float:left;
    }
    .modal2.fade .modal2-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition:      -o-transform .3s ease-out;
        transition:         transform .3s ease-out;
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
    }
    .modal2.in .modal2-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .modal2-open .modal2 {
        overflow-x: hidden;
        overflow-y: auto;
    }
    .modal2-dialog {
        padding: 0 .8rem;
        left:0rem;
        position: relative;
        background-color: #87abc8; 
        box-shadow: 0 0 .20rem rgba(28, 77, 104, .3);
        z-index:99999999;
    }
    .modal2-dialog li {
        list-style-type: none;
        text-align: left;
        line-height: 2rem;
        border-bottom-width:.01rem;
        border-bottom-style: solid;
        border-bottom-color: #abc4d9;
    }
    .modal2-dialog li a {
        color:#fff;
    }
    .modal2-bg {
        /* background-image: url(02-ydcd-bg.png); */
        background-repeat: repeat-x;
        background-position: left bottom;
    }
    .modal2-content {
        position: relative;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border-radius: .5rem;
        outline: 0;
    }
    .modal2-backdrop2 {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000;
    }
    .modal2-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }
    .modal2-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5;
    }
    .modal2-header {
        position: absolute;
        top:9.5%;
        right:5%;
        min-height: 3rem;
    }
    .modal2-header .close {
        margin-top: 0;
    }
    .modal2-title {
        margin: 0;
        line-height: 0;
    }
    .modal2-body {
        position: relative;
        padding: 3rem;
    }
    .modal2-footer {
        padding: 3rem;
        text-align: right;
        border-top: 1rem solid #e5e5e5;
    }
    .modal2-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 2rem;
    }
    .modal2-footer .btn-group .btn + .btn {
        margin-left: -1rem;
    }
    .modal2-footer .btn-block + .btn-block {
        margin-left: 0;
    }
    .modal2-scrollbar-measure {
        position: absolute;
        top: -9rem;
        width: 50rem;
        height: 50rem;
        overflow: scroll;
    }
    
    }
    @media only screen and (min-width: 480px) and (max-width: 767px) {
    .ydcd2 {
        display: table;
        text-align: right;
        font-weight:normal;
        margin-top:7rem;
    }
    button.close {
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
    }
    .modal2-open {
        overflow: hidden;
    }
    .modal2 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        outline: 0;
        float:left;
    }
    .modal2.fade .modal2-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition:      -o-transform .3s ease-out;
        transition:         transform .3s ease-out;
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
    }
    .modal2.in .modal2-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .modal2-open .modal2 {
        overflow-x: hidden;
        overflow-y: auto;
    }
    .modal2-dialog {
        padding: 0 .8rem;
        left:0rem;
        position: relative;
        background-color: #87abc8; 
        box-shadow: 0 0 .20rem rgba(28, 77, 104, .3);
        z-index:99999999;
    }
    .modal2-dialog li {
        list-style-type: none;
        text-align: left;
        line-height: 2rem;
        border-bottom-width:.01rem;
        border-bottom-style: solid;
        border-bottom-color: #abc4d9;
    }
    .modal2-dialog li a {
        color:#fff;
    }
    .modal2-bg {
        background-image: url(02-ydcd-bg.png);
        background-repeat: repeat-x;
        background-position: left bottom;
    }
    .modal2-content {
        position: relative;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border-radius: .5rem;
        outline: 0;
    }
    .modal2-backdrop2 {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000;
    }
    .modal2-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }
    .modal2-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5;
    }
    .modal2-header {
        position: absolute;
        top:9.5%;
        right:5%;
        min-height: 3rem;
    }
    .modal2-header .close {
        margin-top: 0;
    }
    .modal2-title {
        margin: 0;
        line-height: 0;
    }
    .modal2-body {
        position: relative;
        padding: 3rem;
    }
    .modal2-footer {
        padding: 3rem;
        text-align: right;
        border-top: 1rem solid #e5e5e5;
    }
    .modal2-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 2rem;
    }
    .modal2-footer .btn-group .btn + .btn {
        margin-left: -1rem;
    }
    .modal2-footer .btn-block + .btn-block {
        margin-left: 0;
    }
    .modal2-scrollbar-measure {
        position: absolute;
        top: -9rem;
        width: 50rem;
        height: 50rem;
        overflow: scroll;
    }
    
    }
    @media only screen and (min-width: 320px) and (max-width: 479px) {
    
    /*移动菜单弹出*/
    .ydcd2 {
        display: table;
        text-align: right;
        font-weight:normal;
        margin-top:1.2rem;
    }
    button.close {
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
    }
    .modal2-open {
        overflow: hidden;
    }
    .modal2 {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        outline: 0;
        float:left;
    }
    .modal2.fade .modal2-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition:      -o-transform .3s ease-out;
        transition:         transform .3s ease-out;
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
    }
    .modal2.in .modal2-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .modal2-open .modal2 {
        overflow-x: hidden;
        overflow-y: auto;
    }
    .modal2-dialog {
        padding: 0 .8rem;
        left:0rem;
        position: relative;
        background-color: #87abc8; 
        box-shadow: 0 0 .20rem rgba(28, 77, 104, .3);
        z-index:99999999;
    }
    .modal2-dialog li {
        list-style-type: none;
        text-align: left;
        line-height: 2rem;
        border-bottom-width:.01rem;
        border-bottom-style: solid;
        border-bottom-color: #abc4d9;
    }
    .modal2-dialog li a {
        color:#fff;
    }
    .modal2-bg {
        background-image: url(02-ydcd-bg.png);
        background-repeat: repeat-x;
        background-position: left bottom;
    }
    .modal2-content {
        position: relative;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border-radius: .5rem;
        outline: 0;
    }
    .modal2-backdrop2 {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000;
    }
    .modal2-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }
    .modal2-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5;
    }
    .modal2-header {
        position: absolute;
        top:9.5%;
        right:5%;
        min-height: 3rem;
    }
    .modal2-header .close {
        margin-top: 0;
    }
    .modal2-title {
        margin: 0;
        line-height: 0;
    }
    .modal2-body {
        position: relative;
        padding: 3rem;
    }
    .modal2-footer {
        padding: 3rem;
        text-align: right;
        border-top: 1rem solid #e5e5e5;
    }
    .modal2-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 2rem;
    }
    .modal2-footer .btn-group .btn + .btn {
        margin-left: -1rem;
    }
    .modal2-footer .btn-block + .btn-block {
        margin-left: 0;
    }
    .modal2-scrollbar-measure {
        position: absolute;
        top: -9rem;
        width: 50rem;
        height: 50rem;
        overflow: scroll;
    }
    
    }